<template>
    <div v-if="LOgData">
        <el-form label-position="top" :model="LOgData" >
            <el-form-item label="变更次数">
                <el-input disabled :value="LOgData.count"></el-input>
            </el-form-item>
            <el-form-item label="商品名称">
                <el-input  :value="codedetail.brand + '  ' + codedetail.goodsName +'  '+codedetail.model+'  ' + codedetail.goodsSpecName" disabled ></el-input>
            </el-form-item>
            <el-form-item label="所属客户">
               <el-input disabled :value="LOgData.username"></el-input>
            </el-form-item>
            <el-form-item label="联系手机">
                <el-input disabled :value="LOgData.phone"></el-input>
            </el-form-item>
            <el-form-item label="地址">
                <el-input disabled  :value="LOgData.province+LOgData.city+LOgData.area+LOgData.town+LOgData.address"></el-input>
            </el-form-item>
            <el-form-item label="附件">
                <el-input disabled ></el-input>
            </el-form-item>
            <el-form-item label="操作人">
                <el-input v-model="LOgData.createEmp " disabled ></el-input>
            </el-form-item>
            <el-form-item label="操作时间">
                <el-input v-model="LOgData.createTime" disabled ></el-input>
            </el-form-item>
        </el-form>
    </div>
</template>
<script lang="ts" setup>
import { ref, toRefs } from 'vue'
// 向父组件传值

//子组件接收父组件传递过来的值
const props = defineProps({
    LOgData:Object,
    codedetail:Object
})

const {LOgData,codedetail}=toRefs(props)
// const emit = defineEmits([])
interface ListItem {
    value: string
    label: string
}
const list = ref<ListItem[]>([])
const options = ref<ListItem[]>([])
const value = ref<string[]>([])
const loading = ref(false)

const remoteMethod = (query: string) => {
    if (query) {
        loading.value = true
        setTimeout(() => {
            loading.value = false
            options.value = list.value.filter((item) => {
                return item.label.toLowerCase().includes(query.toLowerCase())
            })
        }, 200)
    } else {
        options.value = []
    }
}
defineExpose({})
</script>
<style lang="scss" scoped>
@import './index.scss';
</style>